import React from 'react';
import ReactDOM from 'react-dom'
// import ReactDOM from './lib/react-dom';
import HookHome from './hooks'

// function App() {
//   return <span className="ff">hello world<i>icon</i></span>
// }

// class App2 extends React.Component {
//   render() {
//     return <span>hello world</span>
//   }
// }

// const App = React.createElement('span', null, 'hello world', React.createElement('i', null, 'icon'))

// console.log(App)

// let json = {
//   "type":"span",
//   "props":{
//       "children":[
//           "hello world",
//           {
//             "type":"i",
//             "props":{
//                 "children":"icon"
//             }
//           }
//       ]
//   }
// }


let json = 
 {
   type: 'span',
   props: {
     className: 'ff',
     id: 'hello',
     style: {'color': 'red', 'fontSize': '12px'},
     children: ['hello world', {type: 'i', props: { children: ['icon', {type: 'span', props: {children: 'world'}}] }}]
    // children: ['hello']
   }
 }





ReactDOM.render(
  <HookHome />,
  document.getElementById('root')
);
